<template>
	<view class="order_" @click="goToDetails">
		<view class="u-flex u-flex-between u-flex-items-center">
			<view class="u-info f-s-12">下单时间：2024-02-12 12:00</view>
			<view class="f-s-12">订单完成</view>
		</view>
		<up-divider></up-divider>
		<view class="content">
			<!-- <image src="../static/imgs/pai.jpg" class="image_"></image> -->
			<view class="u-m-l-16">
				<view class="f-s-12 f-w-b u-m-b-12">双层加胶 素皮 国乒专用款 球拍</view>
				<view class="f-s-10 u-info u-m-b-12">商品属性</view>
				<price color="#000" price="200" :size="14"></price>
			</view>
		</view>
		<up-divider></up-divider>
		<view class="u-flex u-flex-between u-flex-items-center">
			<view class="u-info f-s-10">共1件商品</view>
			<view class="f-s-12">实际支付 ￥200（含运费）</view>
		</view>
	</view>
</template>

<script setup>
	import price from '@/components/price.vue';

	function goToDetails() {
		uni.navigateTo({
			url: '/subPackages/mine/order_details'
		})
	}
</script>

<style lang="scss">
	.order_ {
		padding: 12px;
		background-color: #fff;
		border-radius: 8px;
		margin-bottom: 12px;

		.content {
			display: flex;

			.image_ {
				width: 70px;
				height: 70px;
				border-radius: 8px;
			}
		}
	}
</style>